<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>优惠卷列表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/layui/css/layui.css"  media="all">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>

<div class="demoTable">
    <button id="add">新增</button>
    搜索优惠券名称：
    <div class="layui-inline">
        <input class="layui-input" name="id" id="demoReload" autocomplete="off">
    </div>
    <button class="layui-btn" data-type="reload">搜索</button>
</div>

<table class="layui-hide" id="LAY_table_user" lay-filter="user"></table>


<script src="/layui/layui.js" charset="utf-8"></script>

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
<script>
    layui.use('table', function () {
        var table = layui.table;

        //方法级渲染
        table.render({
            elem: '#LAY_table_user'
            , url: '/coupon/showCoupon' // 后端请求路径 返回json
            , cols: [[
                {checkbox: true, fixed: true}
                , { field: 'id', title: 'ID', width: 80, sort: true, fixed: true }
                , { field: 'status', title: '手机号', width: 80 }
                , { field: 'couponName', title: '学历', width: 80 }
                , { field: 'couponDesc', title: '生日', width: 80 }
                , { field: 'couponType', title: '姓名', width: 80 }
                , { field: 'couponClassId', title: '注册时间', width: 80  }
                , { field: 'couponClassName', title: '余额', width: 80 }
                , { field: 'getMethod', title: '性别', width: 80 }
                , { field: 'minimumAmount', title: '头像', width: 80, sort: true }
                , { field: 'reductionAmount', title: '头像', width: 80, sort: true }
                , { field: 'maximumAmount', title: '登录类型', width: 80 }
                , { field: 'discount', title: '用户等级', width: 80 }
                , { field: 'effectivetype', title: '注册类型', sort: true, width: 80 }
                , { field: 'effectiveday', title: '最后一次登录时间', sort: true, width: 80 }
                , { field: 'enabletime', title: '最后一次登录方式', sort: true, width: 80 }
                , { field: 'expiretime', title: '最后一次登录大屏时间', sort: true, width: 80 }
                , { field: 'updateTime', title: '最后一次登录大屏方式', sort: true, width: 80 }
                , { field: 'createTime', title: '创建时间', width: 80 }
                , { field: 'createUser', title: '修改时间', sort: true, width: 135 }
                , { field: 'functionType', title: '性别', width: 80 }
                , { field: 'totalNumber', title: '头像', width: 80, sort: true }
                , { field: 'getNumber', title: '登录类型', width: 80 }
                , { field: 'usedNumber', title: '用户等级', width: 80 }
                , { field: 'operatorId', title: '用户等级', width: 80 }
                , { field: 'tblCouponClass.id', title: '类型id', width: 80 , templet:function (data) {
                        return data.tblCouponClass.id ;
                    }}
                , { field: 'tblCouponClass.isPause', title: '是否可用', width: 80, templet:function (data) {
                         return data.tblCouponClass.isPause==0?"不可用":"可用" ; }}
                , { fixed: 'right', title: '操作', width: 178, align: 'center', toolbar: '#barDemo'}
                // , {  title: '操作', sort: true, width: 135 }
            ]]
            , id: 'testReload'
            , page: true   // 自动携带两个参数  page 当前页数   limit 每页数量
            , height: 610
            , parseData: function (res) { //res 即为原始返回的数据  responseData{ code :""  msg :"" , data:""}
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.data.total, //解析数据长度
                    "data": res.data.list //解析数据列表
                };
            }
            , response: {
                // statusName: 'status' //规定数据状态的字段名称，默认：code
                statusCode: 200 //规定成功的状态码，默认：0
                // ,msgName: 'hint' //规定状态信息的字段名称，默认：msg
                // ,countName: 'total' //规定数据总数的字段名称，默认：count
                // ,dataName: 'rows' //规定数据列表的字段名称，默认：data
            }
        });

    })
</script>

</body>
</html>